<template>
    <view style="height: 100%">
        <ul class="db bgcf pd015 mt10">
            <li class="df ac sb h48 bbf1">
                <span class="f14 cf5">*</span>
                <p class="f14 c28">用户名</p>
				<input type="nickname" class="tr f1 ml15 f14 c28" placeholder="请输入昵称" :value='nickname' placeholder-class="cc" @input='input' @blur='input'/>
            </li>
        </ul>
        <view class="pd15 bgcf mt15">
            <button class="sub" @tap="onSub">保存</button>
        </view>
    </view>
</template>

<script>
import http from '../../utils/http';
export default {
    data() {
        return {
			nickname:''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {
		this.nickname=options.name
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
		input(e){
			this.nickname=e.detail.value
		},
        onSub() {
            http.request('user/updateNickname', {nickname:this.nickname})
                .then((res) => {
                    uni.showToast({
                        title: res.message
                    });
                    setTimeout(() => {
                        uni.navigateBack({
                            delta: 1
                        });
                    }, 1000);
                })
                .catch((res) => {
                    uni.showToast({
                        title: res.message,
                        icon: 'none'
                    });
                });
        }
    }
};
</script>
<style>
@import './editInfo.css';
</style>
